<template>
	<view>
		<view class="list_imgtext" @click="convention_x">
			<image class="image" src="../../../static/me/default.png" mode=""></image>
			<text class="title">这里是公约标题这里是公约标题</text>
			<text class="title_notes">这里是公约内容这里是公约内容这里公约内容这里是公约内容</text>
			<text class="numpeople">浏览人数16</text>
			<text class="list_time">2020-01-01</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			convention_x(){
				uni.navigateTo({
					url:'Convention_x'
				})
			}
		}
	}
</script>

<style>
	page {

		background: #F5F5F5;
	}

	.image {
		width: 235rpx;
		height: 170rpx;
		padding: 25rpx;
		float: left;
	}

	.list_imgtext {
		width: 699rpx;
		height: 221rpx;
		margin: auto;
		margin-top: 23rpx;
		background: #FFFFFF;
		border-radius: 14rpx;
	}

	.title {
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		padding-top: 30rpx;
		display: block;
	}

	.title_notes {
		font-size: 21rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		opacity: 1;
		display: block;
		padding-top: 14rpx;
		padding-right: 21rpx;
	}

	.numpeople {
		font-size: 18rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #CCCCCC;
		opacity: 1;
		float: left;
		padding-top: 18rpx;
	}

	.list_time {
		font-size: 18rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #CCCCCC;
		opacity: 1;
		float: right;
		padding-top: 18rpx;
		padding-right: 21rpx;
	}
</style>
